<script type="text/javascript">
/*
	函数参数为JSON格式的数据行，每显示一行数据调用一次函数
	函数返回一个格式为: [模版id] : [数据id] 的JSON数据
*/
advTableRowF = function (row) {
	return {
		id: row.id,
		title: row.title,
		author: row.author,
		publisher: row.publisher,
		rowIndex: row.rowIndex
	};
}

EAS_JS.Table.start({								//启动
	templateID 	: "advTableTemp",				//设置数据模版的容器
	targetID	: "advTableTarget",				//设置数据填充的容器
	pageTargetID: "pageDiv",					//设置翻页连接的容器
	url			: "./data/data-table.js",			//设置请求的URL
	rowSetF		: advTableRowF					//设置解释数据的函数
});
</script>

<table>
	<caption>
		表格演示
	</caption>
	<thead>
		<tr>
			<th style="width:25px;"><input name="chkall" type="checkbox" value="on" /></th>
			<th style="width:455px;">标题</th>
			<th style="width:100px;"><a href="javascript:;" onclick="javascript:EAS_JS.Table.sort(2);">作者</a></th>
			<th style="width:100px;">出版商</th>
			<th style="width:120px;">操作</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td colspan="5">
				<div id="advTableTarget" style="text-align:left;"></div>
			</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<td colspan="3"><div id="pageDiv"></div></td>
			<td colspan="2"><a href="javascript:EAS_JS.Table.listMode = 0;EAS_JS.Table.start();">基本型</a> | <a href="javascript:EAS_JS.Table.listMode = 1;EAS_JS.Table.start();">高级型</a></td>
		</tr>
	</tfoot>
</table>

<div id="advTableTemp" style="display: none;">
	<div style="border-bottom:1px solid #CCC;" id="Row_#{rowIndex}">
		<span style="width:25px;display:inline-block;"><input name="chkall" type="checkbox" value="#{id}" /></span>
		<span style="width:455px;display:inline-block;">#{title}</span>
		<span style="width:100px;display:inline-block;">#{author}</span>
		<span style="width:100px;display:inline-block;">#{publisher}</span>
		<span style="width:100px;display:inline-block;">[<a href="">编辑</a>]&nbsp;&nbsp;[<a href="">删除</a>]</span>
	</div>
</div>